<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml">
<wicket:extend>

<div class="container">
  <div class="span-24 last" style="padding-top:5px;padding-bottom:1px">&nbsp;
  </div>
  <div class="span-8">
    <img wicket:id="CoolingButton" style="display:block;margin-left:auto;margin-right:auto" />
    <div style="font-size:16;text-align:center"><b>Cooling</b></div><br />
    <img wicket:id="OutletButton" style="display:block;margin-left:auto;margin-right:auto" />
    <div style="font-size:16;text-align:center"><b>Outlets</b></div><br />
    <img wicket:id="HeatingButton" style="display:block;margin-left:auto;margin-right:auto" />
    <div style="font-size:16;text-align:center"><b>Water Heating</b></div><br />
    <img wicket:id="LightingButton" style="display:block;margin-left:auto;margin-right:auto" />
    <div style="font-size:16;text-align:center"><b>Lighting</b></div><br />
  </div>
  <div class=span-16">
    <div class="span-16 last">
      <table cellpadding="0" cellspacing="0" style="width:230px">
        <tr>         
          <td style="font-size:14px"><b>View Data:</b></td>
          <td>
            <form wicket:id="form">
              <select wicket:id="Data">
                <option>GroupData1</option>
                <option>GroupData2</option>
              </select>
            </form>
          </td>   
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0" width="100%">
  	    <thead>
  	      <tr>
  	        <th>Name</th>
  	        <th>Location</th>
  	        <th>Energy Used (kwh)</th>
  	        <th>Cost ($)</th>
  	      </tr>
  	    </thead>
  	    <tbody>
  	      <tr><td>Cooling</td><td>Outside</td><td>6.11</td><td>$12.22</td></tr>
  	      <tr><td>Water Heating</td><td>Outside</td><td>4.32</td><td>$8.63</td></tr>
  	      <tr><td>Lighting</td><td>Outside</td><td>3.75</td><td>$7.50</td></tr>
  	      <tr><td>Outlet 5</td><td>Kitchen</td><td>0.42</td><td>$0.83</td></tr>
  	      <tr><td>Outlet 4</td><td>Kitchen</td><td>0.41</td><td>$0.82</td></tr>
  	      <tr><td>Outlet 3</td><td>Living/Dining/Sleeping</td><td>0.32</td><td>$0.64</td></tr>
  	      <tr><td>Outlet 6</td><td>Bathroom</td><td>0.31</td><td>$0.62</td></tr>
  	      <tr><td>Outlet 1</td><td>Living/Dining/Sleeping</td><td>0.27</td><td>$0.54</td></tr>
  	      <tr><td>Outlet 2</td><td>Living/Dining/Sleeping</td><td>0.23</td><td>$0.46</td></tr>
  	      <tr><td>Outlet 7</td><td>Backroom</td><td>0.19</td><td>$0.38</td></tr>
  	    </tbody>
  	  </table>
    </div>
    <div class="span-16 last">
      <img wicket:id="BarChart" />
    </div>
  </div>
</div>

</wicket:extend>
</html>

